.full.feature {
  .func-list {
    margin: 100px 0;

    .row {
      display: flex;
      margin-bottom: 30px;
      place-items: center;
      justify-items: stretch;

      &:nth-child(even) {
        transform: translateX(50px);
      }

      &:nth-child(odd) {
        transform: translateX(-50px);
      }

      .item {
        color: #000;
        margin: 0 15px;
        flex: 1;
        font-size: 25px;
        border-radius: 20px;
        border: 3px solid #E1E4EC;
        background: #fff;
        padding: 40px 50px;
        transition: transform 200ms cubic-bezier(0.750, 0.250, 0.250, 0.750);

        &:hover {
          transform: scale(1.05);
        }

        .header {
          display: flex;
          place-items: center;
          margin-bottom: 20px;

          svg {
            margin-right: .5em;
          }

          .text {
            font-weight: bold;
          }
        }

        .body {
          .desc {
            color: #67757F;
            display: flex;
            place-items: center;
            min-height: 3em;
          }
        }
      }
    }
  }

  .folder-icon {
    margin-top: -100px;
  }

  .folder-icon.animate {
    @keyframes fileUpAnim {
      50% { transform: translateY(-10%) }
    }

    .file-1 {
      animation: fileUpAnim 1s cubic-bezier(0.860, 0.000, 0.070, 1.000) forwards;
    }


    .file-2 {
      animation: fileUpAnim 1s cubic-bezier(0.860, 0.000, 0.070, 1.000) forwards;
      animation-delay: 500ms;
    }

    .file-3 {
      animation: fileUpAnim 1s cubic-bezier(0.860, 0.000, 0.070, 1.000) forwards;
      animation-delay: 1s;
    }
  }
}
